*{
    margin:0px;
    padding:0px;
}

html,body{
    height:100%;
}

ul{
    list-style:none;
}

a{
    text-decoration:none;
    color:#333;
}

img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh; /* 视口高度 */
    justify-content: flex-start;
}


/* ============= header开始 ================= */

#logo{
    display: none;
}

/* 隐藏后几个导航 */
.pc-item{
    display:none;
}

#headernav{
    width:100%;
    height:35px;
    background:#FFF;
    position: fixed;
    z-index:1;
    display: flex;
    justify-content: space-between; /* 左右布局 */
    align-items: center; /* 垂直居中 */
    transition: all 0.5s ease;
}

#headernav.nav-line{
    border-bottom:1px solid #f5f5f5;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.nava {
    display: flex;
    flex: 1; /* 占据剩余空间 */
    justify-content: space-between; /* 均匀分布 */
    padding: 0px 7px;
    list-style: none;
}

.nava a {
    min-width: 32px;
    padding:3px 8px;
    text-align: center;
    position: relative;
    display: inline-block;
    transition: 0.5s;
}

.nava li a.active{
    color: #FFFFFF;
    background: #FF0000;
    border-radius: 20px;
}

.nava a:hover,#backTop:hover,.mobile-menu a:hover{
    color: #FFFFFF;
    background: #FF0000;
    border-radius: 20px;
}


.mobile-menu.show{
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.mobile-menu::before {
    content: '';
    position: absolute;
    top: -16px;
    right: 28px;
    width: 20px;
    height: 40px;
    background: white;
    transform: rotate(60deg);
    z-index: -1;
}

.mobile-menu{
    position: absolute;
    top: 130%;
    right: 7px;
    width: 220px;
    background: white;
    border-radius: 10px;
    box-shadow: 0 0px 35px rgba(0, 0, 0, 0.5);
    /*padding: 10px 0;*/
    opacity: 0;
    visibility: hidden;
    transform: translateY(-15px);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    z-index: 1000;
}

.mobile-menu a{
    display:block;
    padding:12px 20px;
    text-decoration:none;
    color:#333;
    border-bottom:1px solid #eee;
    transition: 0.5s;
}

.mobile-menu a:last-child{
    border-bottom:none;
}

/* 汉堡按钮 */
.menu-btn{
    top:2px;
    width:35px;
    position:relative;
    cursor:pointer;
    margin-left: 20px;
}

/* 三根线 */
.menu-btn span{
    position:absolute;
    width:55%;
    height:1px;
    background:#333;
    left:0;
    transition:0.35s;
}

/* 第一根 */
.menu-btn span:nth-child(1){
    top:5px;
}

/* 第二根 */
.menu-btn span:nth-child(2){
    top:11px;
}

/* 第三根 */
.menu-btn span:nth-child(3){
    top:17px;
}

/* ===== 点击后动画 ===== */

/* 第一根旋转 */
.menu-btn.active span:nth-child(1){
    transform:rotate(45deg);
    top:11px;
}

/* 第二根消失 */
.menu-btn.active span:nth-child(2){
    opacity:0;
}

/* 第三根旋转 */
.menu-btn.active span:nth-child(3){
    transform:rotate(-45deg);
    top:11px;
}


#searchDiv{
    margin: auto;
    position: relative;
    width: 93%;
    top: 37px;
    transition: 0.5s;
}

#searchword{
    width: calc(100% - 58px);
    width:-webkit-calc(100% - 58px); 
    width:-moz-calc(100% - 58px); 
}

#search{
    float: right;
    cursor: pointer;
    height: 22px;
    padding: 0px 8px 0px 10px;
    border-radius: 10px;
    border: 1px solid #C6C6C6;
    color: #888;
    background: #FFF;
    font-size: 14px;
    outline:none;
}

#search:active{
    margin-top: 2px;
}

#search:hover{
    color: #FFFFFF;
    background: #FF0000;
}

#searchword{
    height: 20px;
    border-radius: 10px;
    border: 1px solid #C6C6C6;
    padding-left: 5px; 
    margin-right:2px;  
    font-size: 14px;
}


/* ============= header结束 ================= */


/* ============= 首页开始 ================= */

#mainh3{
    margin-top:45px;
}

.main {
    padding: 0px 7px;
}

#mainh3{
    font-size: 16px;
    text-align: center;
    margin-bottom: 7px;
}

.HomeMainH3 {
    display: flex;
    justify-content: space-between;
    padding:0px 10px;
    background-color: #f5f5f5;
    line-height: 30px;
}


.hengfuText {
    padding: 0 5px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 7px;
    width: auto;
    height: 37px;
    background-color: #ffcccc;
    text-align: center;
    text-decoration: none;
    color: #383838;
}

.hengfuText:nth-child(even) {
    background-color: #ffe3a1;
}


.hengfuText h2 {
    font-weight: normal;
    text-align: left;
    flex: 1;
    font-size: 1.1em;
    white-space: nowrap; /* 确保文字在一行内显示 */
    overflow: hidden;    /* 隐藏超出部分 */
    text-overflow: ellipsis; 
}

.hengfuText h3 {
    display: none;
}

.hengfuText p {
    margin-left: 5px;
    font-size: 0.9em;
}

.mList,.subList {
    margin-bottom: 15px;
    margin-top: 10px;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
 }


.mList figure,.subList figure,#alist li{
    width:32%;
    margin-bottom:18px;
}

.mList img {
    max-height: 254px;
}

.mList,.subList figcaption{
    font-size: 13px;
}

/* ============= 首页结束 ================= */



/* ============= 列表页开始 ================= */

.subList figure:nth-child(n+4) {
    display: none; /* 隐藏第四个及之后的元素 */
}


#Listh3 {
    text-align: left;
    margin-bottom: 10px;
    padding-left: 3px;
    font-size: 16px;
    background-color: #f5f5f5;
    line-height: 25px;
}


#subList1 {
    display: none;
}

#alist {
    margin-top: 10px;
    display: flex; /* 使用 Flexbox 布局 */
    flex-wrap: wrap;
    align-items: flex-start; /* 垂直方向上靠上对齐 */
    justify-content: space-between; /* 让子元素两端对齐 */
}

#alist p,#alist span {
    display: none;

}

#pages{
    font-size: 14px;
    font-style: #888;
	margin: 10px auto 10px auto;
	text-align: center;
}

#pages ul {
list-style: none;
}

#pages li {
    padding: 2px 5px 2px;
    font-family: Tahoma;
    line-height: 17px;
    border: 1px solid #E9E9E9;
    display: inline;
}

.thisclass {
    font-weight: bold;
}

.pageinfo strong {
    font-weight: normal;
}

/* ============= 列表页结束 ================= */


/* ============= 文章页开始 ================= */

#main {
    flex:1;/* 使网页主体部分占据更多空间，flex: 1 是一个简写，同时设置了 flex-grow: 1、flex-shrink: 1 和 flex-basis: 0% */
}

.content figcaption {

    font-size: 13px; /* 调整字体大小 */
    white-space: normal; /* 不允许换行 */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 限制显示3行 */
    overflow: hidden;
    text-overflow: ellipsis;
}


#articleContent{
    transition: 0.5s;
    line-height: 2em;
    margin: 20px 10px 30px 10px;
}

#articleContent h3 {
    text-align: center;
}

#articleContent img{
    display: block;
    margin: 0 auto;
    max-width: 90%;
/*    max-height: 500px;*/
    padding-bottom: 10px;
}

#writer{
    font-size: 14px;
    text-align: center;
    display: block;
    color: #888;
    margin-bottom: 10px;
}

#writer span {
    display: block;
}

/* ============= 文章页结束 ================= */

 
/* ============= 搜索页开始 ================= */

.content span {
    display: none;
}

.content p {
    font-size: 14px;
    font-style: #888;
    overflow: hidden; /* 隐藏超出部分 */
    text-overflow: ellipsis; /* 显示省略号 */
    -webkit-line-clamp:4; /* 限制显示4行 */
}


.search_header {
    margin: 50px 10px 10px 10px;

}

.resultbar {
    transition: 0.5s;
    line-height: 35px;
    font-size: 14px;
}

.result_content {
    padding: 60px 10px 5px 10px;
}


.sidebar {
    transition: 0.5s;
    font-size: 14px;
    display: flex; /* 使用 Flexbox 布局 */
    align-items: center; /* 垂直居中对齐 */
    font-style: #888;

}

.sidebar ul {
    display: flex; /* 让 li 元素在同一行显示 */
    align-items: center; /* 垂直居中对齐 */
    gap: 10px; /* li 元素之间的间距 */
    list-style: none; /* 去除 ul 的默认样式 */
    padding: 0; /* 去除 ul 的默认内边距 */
    margin: 0; /* 去除 ul 的默认外边距 */
    flex-wrap: wrap; /* 如果内容过多，允许换行 */
}

#search-rht {
    list-style: none; /* 去除列表项的默认样式 */
    display: flex; /* 使用 flex 布局 */
    align-items: flex-start; /* 内容顶部对齐 */
    margin-bottom: 20px;
}

#search-rht img {
    margin-right: 10px; /* 图片与右侧内容的间距 */
    width: 100px; /* 设置图片宽度，根据需要调整 */
    height: auto; /* 保持图片比例 */
    flex-shrink: 0; /* 防止图片被压缩 */
}

#search-rht .content {
    flex: 1; /* 右侧内容占据剩余空间 */
    display: flex;
    flex-direction: column; /* 垂直排列 h3、p、span */
    align-items: flex-start; /* 内容左对齐 */
}

#search-rht h3,
#search-rht p,
#search-rht span {
    width: 100%; /* 让内容占满容器宽度 */
    margin: 0; /* 去除默认的外边距 */
    text-align: left; /* 文本左对齐 */
}

#search-rht h3 {
    text-decoration: underline;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 5px; /* h3 和 p 之间的间距 */
}

#search-rht p {
    font-size: 13px;
    line-height: 22px;
    color: #888;
    margin-bottom: 5px; /* p 和 span 之间的间距 */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /* 限制显示3行 */
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ============= 广告页开始 ================= */
  #postadv {
    width: 60%;
    margin: 0 auto; /* 水平居中 */
    text-align: center; /* 使文本内容居中 */
    position: relative;
    top: 30%;
    line-height: 25px;
  }



/* ============= 广告页结束 ================= */



/* ============= footer开始 ================= */

footer{
    width: 100%;
    margin: 5px auto 5px auto;
    background:  #f5f5f5;
}

#footerP{
    display: none;
}

#footerNav {
    list-style-type: none;
    text-align: center;
    padding: 10px 7px;
    clear: both;
}

footer li{
    display: inline-block;
    width: 90px;
    line-height: 28px;
    font-size: 0.9em;
}

footer ul{
    display: inline-block;
}

#backtop{
    cursor: pointer;
    width: 100%;
    margin: auto;
    line-height: 30px;
    text-align: center;
    display: block;
    background: #d9d9d9;
}

#pcbackTop {
    display: none;
}
/* ============= footer结束 ================= */